<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>支付宝账号</title>
<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<style>
.aui-content{
  padding: 0 1rem;
}
.getCode{
  border-left: 1px solid #eee;
  width: 5rem;
  text-align: center;
}
.opacity{
  opacity: 0.5;
}
dl{
  margin-bottom: 0.4rem;
}
dl dt {
		padding-top: 0.75rem;
		font-size: 0.8rem;
		color: #373336;
}
select,
input.input {
		font-size: 0.7rem;
		height: 2rem;
}
.comBtmBtn{
  margin-top: 1.5rem;
}
</style>
</head>
<body>

  <div class="aui-content">
    <div class="info">
      <dl class="aui-border-b">
        <dt>真实姓名</dt>
        <dd class="relative"><input type="text" name="" value="" placeholder="请输入您的真实姓名" class="input" tapmode onkeyup="changNum(this)">
          <div class="inputDel aui-hide" tapmode onclick="quxiao(this)"></div>
        </dd>
      </dl>
      <dl class="aui-border-b">
        <dt>身份证号</dt>
        <dd class="relative"><input type="number" name="" placeholder="请输入身份证号码" value="" class="input" id="code" tapmode onkeyup="changNum(this)">
        <div class="inputDel aui-hide" tapmode onclick="quxiao(this)"></div>
        </dd>

      </dl>
    </div>
    <div class="comBtmBtn radius opacity" tapmode onclick="next()">提交</div>
  </div>
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
apiready = function(){
	api.parseTapmode();
};
function changNum(el){
	var _this = $$(el);
	var num = _this.val();
	if(num){
		$$(el).next().removeClass('aui-hide');
	}else{
		$$(el).next().addClass('aui-hide');
	}
  var numCard = $$('#code').val();
  if(numCard.length >= 1) {
    $$('.comBtmBtn').removeClass('opacity')
  }else{
    $$('.comBtmBtn').addClass('opacity')
  }
}
function quxiao(el){
  var _this = $$(el).prev().val('');
  if($$(el).prev().val('')){
      $$(el).addClass('aui-hide');
  }
  var numCard = $$('#code').val('');
  if(numCard){
    $$('.comBtmBtn').addClass('opacity')

  }
}
function next(){
  var _this = $$('.input').val();
  var _this1 = $$('#code').val();
  if(_this && _this1){
    api.openWin({
        name: 'gh_phone_win',
        url: 'gh_phone_win.html',
        pageParam: {
            name: 'test'
        }
    });
  }else{
    toast('请完善信息')
  }

}
</script>
</html>
